اموزش html قسمت دوم
 
درباره وبلاگ


به سایت رفع مشکلات کامپیوتر خوش امدید
موضوعات
آرشيو وبلاگ
پیوندهای روزانه


ورود اعضا:

نام :
وب :
پیام :
2+2=:
(Refresh)

خبرنامه وب سایت:





آمار وب سایت:  

بازدید امروز : 159
بازدید دیروز : 3
بازدید هفته : 163
بازدید ماه : 355
بازدید کل : 278398
تعداد مطالب : 89
تعداد نظرات : 0
تعداد آنلاین : 1
body{ align:center}
.
صفحه نخست          پروفایل مدیر وبلاگ        پست الکترونیک           آرشیو مطالب          عناوین مطالب
اموزش html قسمت دوم
یک شنبه 8 بهمن 1391برچسب:,
:: 16:33 ::  نويسنده : مهدي

چگونه از style استفاده کنیم

هنگامی که یک مرورگر CSS را می خواند، پرونده را بر طبق آن قالب بندی خواهد کرد. 3 راه برای وارد کردن یک CSS وجود دارد.

CSS خارجی:

یک CSS خارجی زمانی ایده آل است که آن style در بیشتر صفحات استفاده شود. با یک CSS خارجی شما می توانید ظاهر یک سایت را با تغییر دادن یک فایل تغییر دهید.هر صفحه باید با استفاده از برچسب <link> به CSS پیوند داده شود. برچسب link در داخل بخش head قرار می گیرد.

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

CSS داخلی:

یک CSS داخلی باید هنگامی استفاده شود که یک تک پرونده یک style واحد دارد. شما style داخلی را با برچسب style در قسمت head می توانید معرفی کنید.

<head>
<style type="text/css">
{body {background-color: red
{p {margin-left: 20px
</style>
</head>

style درون خطی

یک style درون خطی باید هنگامی استفاده شود که واحد برای یک رویداد عنصر واحدی خواسته شود. برای استفاده از style درون خطی شما از موجودیت های style در برچسب های مناسب استفاده کنید. موجودیت style می تواند حاوی هر خاصیت CSS باشد. مثال نشان می دهد که چگونه رنگ و چپ چین بودن پاراگراف را تعیین کنید.

<p style="color: red; margin-left: 20px">
This is a paragraph
</p>

 

عنصر head

عنصر head حاوی اطلاعات اصلی که همچنین meta-information نیز نامیده می شود در یک پرونده است.

اطلاعات داخل عنصر head

عناصر داخل عنصر head نباید توسط مرورگر نشان داده شوند. مطابق HTML استاندارد فقط برچسب های کمی بطور قانونی داخل بخش head هستند که عبارتند از , <script> <style> , <title> , <meta> , <link> , <base>
به ساختار ناصحیح زیر دقت کنید

<head>
<p>This is some text</p>
</head>

در این حالت مرورگر دو گزینه دارد:

  • نمایش متن ، چون داخل عنصر پاراگراف قرار دارد
  • مخفی کردن متن ، چون داخل برچسب head قرار دارد

اگر شما یک عنصر HTML مثل <h1> و <p> را داخل عنصر head قرار دهید مرورگر باید آن را نمایش دهد هرچند غیر متعارف باشد.

عنصر meta

همانطور که در بخش قبل توضیح دادیم عنصر head حاوی اطلاعات کلی درباره پرونده است. html همچنین حاوی یک عنصر به نام Meta است که در داخل عنصر head قرار می گیرد.هدف عنصر Meta فراهم کردن اطلاعات کلی درباره یک پرونده است.
در بیشتر مواقع عنصر Meta برای فراهم کردن اطلاعاتی که برای مرورگرها یا موتورهای جستجو مناسب است استفاده می شود، مثل توضیح محتویات پرونده.

کلمات کلیدی برای موتورهای جستجو

تعدادی از موتورهای جستجو در www از موجودیت های Name , Content در برچسب Meta برای اندیس کردن صفحات خود استفاده خواهند کرد. این عنصر Meta یک توضیح برای صفحه شما فراهم خواهد کرد.

<meta name="description" content="Free Web tutorials on HTML, CSS, XML, and XHTML" >

این عنصر Meta کلمات کلیدی برای صفحه شما تعریف می کند.

<meta name="keywords" content="HTML, DHTML, CSS, XML, XHTML, JavaScript, VBScript" >

هدف موجودیت های Name,Content توضیح محتویات صفحه است. هرچند از زمانی که تعداد زیادی از توسعه دهندگان وب از برچسب های Meta برای spamming استفاده کردند مثل تکرار کلمات کلیدی برای بالا بردن صفحات، تعدادی از موتورهای جستجو استفاده کامل از آن را متوقف کردند.

موجودیت های ناشناخته Meta

گاهی اوقات شما موجودیت هایی از Meta را می بینید که برای شما ناشناخته اند، مثل این:

<meta name="security" content="low">

سپس شما باید قبول کنید که این یک چیز یکتا در سایت و یا در تالیف سایت است و شاید هیچ ارتباطی به شما ندارد.

عنصر meta

همانطور که در بخش قبل توضیح دادیم عنصر head حاوی اطلاعات کلی درباره پرونده است. html همچنین حاوی یک عنصر به نام Meta است که در داخل عنصر head قرار می گیرد.هدف عنصر Meta فراهم کردن اطلاعات کلی درباره یک پرونده است.
در بیشتر مواقع عنصر Meta برای فراهم کردن اطلاعاتی که برای مرورگرها یا موتورهای جستجو مناسب است استفاده می شود، مثل توضیح محتویات پرونده.

کلمات کلیدی برای موتورهای جستجو

تعدادی از موتورهای جستجو در www از موجودیت های Name , Content در برچسب Meta برای اندیس کردن صفحات خود استفاده خواهند کرد. این عنصر Meta یک توضیح برای صفحه شما فراهم خواهد کرد.

<meta name="description" content="Free Web tutorials on HTML, CSS, XML, and XHTML" >

این عنصر Meta کلمات کلیدی برای صفحه شما تعریف می کند.

<meta name="keywords" content="HTML, DHTML, CSS, XML, XHTML, JavaScript, VBScript" >

هدف موجودیت های Name,Content توضیح محتویات صفحه است. هرچند از زمانی که تعداد زیادی از توسعه دهندگان وب از برچسب های Meta برای spamming استفاده کردند مثل تکرار کلمات کلیدی برای بالا بردن صفحات، تعدادی از موتورهای جستجو استفاده کامل از آن را متوقف کردند.

موجودیت های ناشناخته Meta

گاهی اوقات شما موجودیت هایی از Meta را می بینید که برای شما ناشناخته اند، مثل این:

<meta name="security" content="low">

سپس شما باید قبول کنید که این یک چیز یکتا در سایت و یا در تالیف سایت است و شاید هیچ ارتباطی به شما ندارد.

وارد کردن یک اسکریپت در یک صفحه HTML

یک اسکریپت در HTML با برچسب SCRIPT معرفی می شود. توجه کنید که برای تعیین زبان اسکریپت نویسی از TYPE استفاده خواهید کرد.

<html>
<head>
</head>
<body>
<script type="text/javascript">
document.write("Hello World!")
</script>
</body>
</html>

اسکریپت بالا این خروجی را خواهد داشت:
Hello world!

چگونه مرورگرهای قدیمی را راه بیندازیم

یک مرورگر که نمی تواند برچسب <script> را تشخیص دهد ، آن را بعنوان متن در صفحه نمایش خواهد داد. برای جلوگیری از مرورگر از انجام این کار شما باید script را در برچسب های توضیح مخفی کنید. یک مرورگر قدیمی که نمی تواند script را تشخیص دهد توضیحات را نادیده خواهد گرفت و محتویات آن برچسب را نشان نخواهد داد.درحالیکه یک مرورگر جدید می فهمد که اسکریپت ها باید اجرا شوند حتی اگر با برچسب توضیحات محدود شده باشند.

JavaScript:
<script type="text/javascript">
<!--
document.write("Hello World!")
//-->
</script>


VBScript:
<script type="text/vbscript">
<!--
document.write("Hello World!")
'-->
</script>

برچسب <noscript>

در مجموع برای مخفی کردن اسکریپت درون توضیحات شما می توانید یک برچسب <noscript > اضافه کنید.این برچسب برای نشان دادن یک متن درصورتیکه اسکریپت اجرا نشود بکار می رود.این برچسب برای مرورگرهایی بکار می رود که برچسب script را تشخیص نمی دهند و اسکریپت های درون را پشتیبانی نمی کنند. بنابراین این مرورگرها بجای آن ، متن داخل برچسب <noscript > را نشان می دهد.

JavaScript:
<script type="text/javascript">
<!--
document.write("Hello World!")
//-->
</script>
<noscript>Your browser does not support JavaScript!</noscript>


VBScript:
<script type="text/vbscript">
<!--
document.write("Hello World!")
'-->
</script>
<noscript>Your browser does not support VBScript!</noscript>



نظرات شما عزیزان:

نام :
آدرس ایمیل:
وب سایت/بلاگ :
متن پیام:
:) :( ;) :D
;)) :X :? :P
:* =(( :O };-
:B /:) =DD :S
-) :-(( :-| :-))
نظر خصوصی

 کد را وارد نمایید:

 

 

 

عکس شما

آپلود عکس دلخواه:







 
 
نویسندگان
پیوندها
آخرین مطالب